<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>专家回复</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../../../component/elementUI/index.css">
    <link rel="stylesheet" href="../../../style/wangeditor.css">
    <link rel="stylesheet" href="../../../style/index.css">
</head>

<body style="background: #f7f7f7;">
    <div id="app" v-cloak style="padding:0 0 40px;">
        <!-- 头 -->
        <!-- <div style=" box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); display: flex; color: #fff;width: 100%; height: 40px;align-items: center; position: fixed; top: 0; background:#66b3ff;z-index: 1;">
            <div style="flex-shrink: 0; width: 30px;text-align: center;">
                <i @click="handleBack" class="el-icon-arrow-left"></i>
            </div>
            <div style="font-size: 14px;width: 100%; margin-right: 30px;text-align: center;">专家回复</div>
        </div> -->
        <!-- 消息 -->
        <div style="background: #fff;">
            <div style="padding: 10px;">
                <div style="font-size: 16px;margin: 5px 0;">
                    {{data.Poblem}}
                </div>
                <div v-if="Picture_URL.length > 0" style="border-radius: 10px;overflow: hidden;">
                    <el-carousel height="150px" style="width: 100%;" arrow="never">
                        <el-carousel-item  v-for="(item,index) in Picture_URL" :key="index">
                            <el-image style="width: 100%; height: 100%;" :src="Domain_IMG + item.Picture_URL"></el-image>
                        </el-carousel-item>
                    </el-carousel>
                </div>
                <div style="display: flex;">
                    <el-image style="flex-shrink: 0; margin-right: 10px; width: 20px;height: 20px;border-radius: 50%; border:1px solid #f7f7f7;" src="../../../admin/icons/NoLogo.png"></el-image>
                    <div style="width: 100%;display: flex;justify-content: center; flex-direction: column;">
                        <span style="font-size: 14px; color: #828d96;">{{data.User_Number}}</span>
                    </div>
                </div>
                <span style="font-size: 12px; color: #828d96;">{{getYMDDate(data.Operation_Datetime)}}</span>
                <div @click="handleReply()" style="display: flex; justify-content: space-around; margin-top: 10px;">
                    <div style="display: flex; align-items: center;">
                        <i class="el-icon-chat-line-round" style="font-size: 16px;"></i> 
                        <span style="font-size: 12px; margin-left: 5px;">{{data.total?data.total:'回复'}}</span>
                    </div>
                </div>
            </div>
        </div>
        <!-- 回复消息 -->
        <div style="background: #fff; margin: 10px 0 0;">
            <div style="padding: 10px;">
                <div style="display: flex; align-items: center; justify-content: space-between;">
                    <span style="font-weight: 700;font-size: 14px; color: #343a40;">全部回复</span>
                    <el-radio-group @change="onSerach" v-model="form.Sort" size="mini">
                        <el-radio-button :label="1">正序</el-radio-button>
                        <el-radio-button :label="0">倒序</el-radio-button>
                    </el-radio-group>
                </div>
                <div v-for="(item,index) in tableData" :key="index" :style="{ borderBottom:index!=tableData.length-1?'1px solid #dae0e5':''}" style="display: flex;flex-direction: column;">
                    <div style="display: flex; align-items: center;margin: 10px 0;">
                        <el-image style="flex-shrink: 0; margin-right: 10px; width: 30px;height: 30px;border-radius: 50%; border:1px solid #d1d1d1;" :src="item.Picture_URL?Domain_Business + item.Picture_URL:'../../../admin/icons/NoLogo.png'"></el-image>
                        <span style="font-size: 14px;">{{item.Expert_Name}}</span>
                    </div>
                    <div style="margin:0 0 10px 40px; font-size: 14px;">
                        {{item.problem}}
                    </div>
                    <div style="margin:0 0 10px 40px; font-size: 12px; color:#828d96;">
                        {{getYMDDate(item.Operation_Datetime)}}
                    </div>
                </div>
                <div style="font-size: 12px; color: #828d96; text-align: center;line-height: 40px;">{{tableData.length>0?'已加载全部回复':'暂无回复'}}</div>
            </div>
        </div>
        <!-- 提交回复 -->
        <div style=" box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); display: flex; align-items: center; color: #fff;width: 100%; min-height: 40px;align-items: center; position: fixed; bottom: 0; background:#fff;z-index: 1;">
            <el-input type="textarea" style=" margin: 2px 10px;" autosize placeholder="请输入回复内容" v-model="message"></el-input>
            <el-button @click="submitForm" round type="success" style="margin-right: 10px;" size="mini">发送</el-button>
        </div>
    </div>
    <script type="text/javascript" src="../../../utils/wangeditor.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../utils/vuex.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../component/component.js"></script>
    <script type="text/javascript" src="../../../utils/xlsx.full.min.js"></script>
    <script type="text/javascript" src="../../../utils/xlsx.core.min.js"></script>
    <script type="text/javascript" src="../../../config/config.js"></script>
    <script type="text/javascript" src="../../../utils/compressor.js"></script>
    <script type="text/javascript" src="../../../utils/ID_Validity.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="js/reply.js"></script>
</body>

</html>